// Loading Bar
.xenon-loading-bar {
  @h: 5px;

  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  background: fade(@brand-primary, 30%);
  height: @h;
  z-index: 10000;
  top: 0px;
  .opacity(1);
  .transall;

  span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: @secondary-color;
  }

  &.progress-is-hidden {
    top: -@h;
    .opacity(.5);
    visibility: hidden;
  }
}